<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telphone=no, email=no"/>
<meta name="msapplication-tap-highlight" content="no">
<meta name="screen-orientation" content="portrait">
 
<title>酷星用户中心</title>
<link href="css/common.css" rel="stylesheet"/>
<link href="css/register.css" rel="stylesheet"/>
<link href="css/icofont.css" rel="stylesheet"/>
<script type="text/javascript">
        function showTabs(Num, count, ID) {
            for (i = 1; i <= count; i++) {

                document.getElementById('Tabs' + Num + '_' + i).style.display = 'none';

                document.getElementById('TabTitle' + Num + '_' + i).className = '';

            }

            document.getElementById('Tabs' + Num + '_' + ID).style.display = '';

            document.getElementById('TabTitle' + Num + '_' + ID).className = 'selected' + '_' + Num;
        }
</script>

</head>

<body>
	<!-- <header class="mui-bar mui-bar-nav">
    	<a class="mui-ico ico-back mui-pull-left"></a>
	  	<a class="mui-ico ico-bars mui-pull-right"></a>
	  	<h1 class="mui-title">消息列表</h1>
    </header> -->
    <main class="mui-content">
    	<div class="qinqbox">
        	<div class="msgtype" id="titleDiv1">
            	<div id="TabTitle1_1" onmouseover="showTabs(1,2,1)" class="selected_1"><span>未读消息</span><a class="circle24">600</a></div>
                <div id="TabTitle1_2" onmouseover="showTabs(1,2,2)"><a class="circle24">12</a><span>已读消息</span></div>
            </div>
            <div id="tabDiv1">
                <div class="msglist" id="Tabs1_1">
                    <ul>
                        <li>
                            <div class="msgtxt">
                                <p>消息列表消息列表消息列表消息列表消息列表消息列表消息列表消息列表消息列表消息列表</p><time>2015-09-12 16:00</time>
                            </div>
                            <a class="mui-ico ico-open mui-pull-right"></a>
                        </li>
                     	<li>
                            <div class="msgtxt">
                                <p>党报:遇困难李嘉诚不能共度难关 不必挽留党报:遇困难李嘉诚不能共度难关 不必挽留党报:遇困难李嘉诚不能共度难关 不必挽留</p><time>2015-09-12 16:00</time>
                            </div>
                            <a class="mui-ico ico-open mui-pull-right"></a>
                        </li>
                        <li>
                            <div class="msgtxt">
                                <p>党报:遇困dsffd2432嘉诚不能共度难关 不必挽留党报:遇困难李嘉诚不能共度难关 不必挽留</p><time>2015-09-12 16:00</time>
                            </div>
                            <a class="mui-ico ico-open mui-pull-right"></a>
                        </li>
                        <li>
                            <div class="msgtxt">
                                <p>党报:遇4235报:遇困难李嘉诚不能共度难关 不必挽留</p><time>2015-09-12 16:00</time>
                            </div>
                            <a class="mui-ico ico-open mui-pull-right"></a>
                        </li>
                        <li>
                            <div class="msgtxt">
                                <p>消息列表消息列表消息列表消息列表消息列表消息列表消息列表消息列表消息列表消息列表</p><time>2015-09-12 16:00</time>
                            </div>
                            <a class="mui-ico ico-open mui-pull-right"></a>
                        </li>
                     	<li>
                            <div class="msgtxt">
                                <p>党报:遇困难李嘉诚不能共度难关 不必挽留党报:遇困难李嘉诚不能共度难关 不必挽留党报:遇困难李嘉诚不能共度难关 不必挽留</p><time>2015-09-12 16:00</time>
                            </div>
                            <a class="mui-ico ico-open mui-pull-right"></a>
                        </li>
                        <li>
                            <div class="msgtxt">
                                <p>党报:遇困dsffd2432嘉诚不能共度难关 不必挽留党报:遇困难李嘉诚不能共度难关 不必挽留</p><time>2015-09-12 16:00</time>
                            </div>
                            <a class="mui-ico ico-open mui-pull-right"></a>
                        </li>
                        <li>
                            <div class="msgtxt">
                                <p>党报:遇4235报:遇困难李嘉诚不能共度难关 不必挽留</p><time>2015-09-12 16:00</time>
                            </div>
                            <a class="mui-ico ico-open mui-pull-right"></a>
                        </li>
                    </ul>
                </div>
                <div class="msglist" id="Tabs1_2" style="display:none;">
                    <ul>
                         <li>
                            <div class="msgtxt">
                                <p>联通连续7个月流失用户 林志颖秀iPhone 6s度难关 不必挽留</p><time>2015-09-12 16:00</time>
                            </div>
                            <a class="mui-ico ico-open mui-pull-right"></a>
                        </li>
                        <li>
                            <div class="msgtxt">
                                <p>联通连续7个月流失用户 林志颖秀iPhone 6s息列表消息列表消息列表消息列表</p><time>2015-09-12 16:00</time>
                            </div>
                            <a class="mui-ico ico-open mui-pull-right"></a>
                        </li>
                     	<li>
                            <div class="msgtxt">
                                <p>党报:遇困难李嘉诚不联通连续7个月流失用户 林志颖秀iPhone 6s不能共度难关 不必挽留遇困难李嘉诚不联通连续7个月流失用户 林志颖秀iPhone 6s不能共度遇困难李嘉诚不联通连续7个月流失用户 林志颖秀iPhone 6s不能共度</p><time>2015-09-12 16:00</time>
                            </div>
                            <a class="mui-ico ico-open mui-pull-right"></a>
                        </li>
                        <li>
                            <div class="msgtxt">
                                <p>党联通连续7个月流失用户 林志颖秀iPhone 6s共度难关 不必挽留</p><time>2015-09-12 16:00</time>
                            </div>
                            <a class="mui-ico ico-open mui-pull-right"></a>
                        </li>
                        <li>
                            <div class="msgtxt">
                                <p>党报:遇4235报:遇困难李嘉诚不能共度难关 不必挽留</p><time>2015-09-12 16:00</time>
                            </div>
                            <a class="mui-ico ico-open mui-pull-right"></a>
                        </li>
                    </ul>
                </div>
            </div>	   
        </div>
    </main>


</body>
</html>
